<!DOCTYPE html>
<html lang="en">
<head>
<title>How do I add LaTeX language to my course site?</title>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<meta content="" name="description">
<link href="../css/help.css" media="all" rel="stylesheet" type="text/css" charset="utf-8">
<link href="/library/webjars/fontawesome/4.7.0/css/font-awesome.min.css" media="screen" rel="stylesheet">
<link href="/library/skin/morpheus-default/tool.css" media="screen" rel="stylesheet" type="text/css" charset="utf-8">
<script src="/library/webjars/jquery/1.12.4/jquery.min.js" type="text/javascript" charset="utf-8"></script>
<script src="/library/js/headscripts.js" type="text/javascript" charset="utf-8"></script>
<script type="text/javascript" charset="utf-8">
    includeWebjarLibrary('featherlight');
    $(document).ready(function(){
      $("a.screensteps-image-zoom").featherlight({
        type: { image:true },
        closeOnClick: 'anywhere'
      }); 
    });   
</script>
</head>
<body>
  <div><div>
<div><h1 class="article-title">How do I add LaTeX language to my course site?</h1></div>
<div>



    <div class="step-instructions screensteps-textblock screensteps-wrapper--introduction screensteps-wrapper">
  <div id="text-content_30BDF14E-7F24-47D7-87E7-A6ADEC984B11" class="text-block-content">
    <p>Sakai can display LaTeX equations as mathematical notation in the Rich Text Editor. Using LaTeX options, instructors and students can simply write LaTeX in an enabled tool and the resulting equation will be displayed beautifully.</p>
  </div>
</div>

      <div class="step screensteps-section screensteps-depth-1">
    <h2 class="step-title screensteps-heading">Go to Site Info. </h2>
        <div class="image screensteps-image">
      <img src="https://media.screensteps.com/image_assets/assets/003/336/332/original/c7332f31-b5d8-4ac9-9c94-adcf9bafdb6f.png" alt="" height="115" width="208">
  </div>
 
      <div class="step-instructions screensteps-textblock">
  <div id="text-content_6F1C8990-8396-4720-A9BF-7557F277E8F6" class="text-block-content">
    <p>Select the <strong>Site Info</strong> tool in the tool menu of your site.</p>
  </div>
</div>
 
  </div>

      <div class="step screensteps-section screensteps-depth-1" id="click-on-edit-site-information">
    <h2 class="step-title screensteps-heading">Click on Manage Tools</h2>
        <div class="image screensteps-image">
      <a href="https://media.screensteps.com/image_assets/assets/003/280/475/original/da0e6727-faba-4d6a-870a-f81b0e5b0c56.png" class="screensteps-image-zoom">
        <img src="https://media.screensteps.com/image_assets/assets/003/280/475/medium/da0e6727-faba-4d6a-870a-f81b0e5b0c56.png" alt="" height="66" width="855">
      </a>
  </div>
 
      <div class="step-instructions screensteps-textblock">
  <div id="text-content_5A98A84C-6210-4F1F-B483-AAD478C60A1F" class="text-block-content">
    <p>Click on the <strong>Manage Tools</strong> tab.</p>
  </div>
</div>
 
  </div>

      <div class="step screensteps-section screensteps-depth-1" id="select-allow-the-display-of-latex-math-in-this-site-click-continue">
    <h2 class="step-title screensteps-heading">Select the check box to enable MathJax.</h2>
        <div class="image screensteps-image">
      <a href="https://media.screensteps.com/image_assets/assets/005/146/533/original/4477eeef-5e1f-4119-b3a9-073b1d38a0f6.png" class="screensteps-image-zoom">
        <img src="https://media.screensteps.com/image_assets/assets/005/146/533/medium/4477eeef-5e1f-4119-b3a9-073b1d38a0f6.png" alt="" height="412" width="855">
      </a>
  </div>
 
      <div class="step-instructions screensteps-textblock">
  <div id="text-content_A2CDBF08-3E78-4FCB-9782-E5EBF797F7A0" class="text-block-content">
    <p>Below the Selected Tools list, check the box to <strong>Enable MathJax for automatic rendering of LaTex and AsciiMath in this site</strong>.</p>
  </div>
</div>
 
  </div>

      <div class="step screensteps-section screensteps-depth-1" id="click-finish-to-confirm">
    <h2 class="step-title screensteps-heading">Scroll down and click Continue.</h2>
        <div class="image screensteps-image">
      <img src="https://media.screensteps.com/image_assets/assets/004/175/056/original/fee0f6e1-9381-4e9c-935c-14cc930754b4.png" alt="" height="146" width="316">
  </div>
 
  </div>

      <div class="step screensteps-section screensteps-depth-1" id="click-continue-then-finish">
    <h2 class="step-title screensteps-heading">Click Finish to confirm the change.</h2>
        <div class="image screensteps-image">
      <img src="https://media.screensteps.com/image_assets/assets/004/175/058/original/26415161-e321-4733-8183-a0b62c990bd3.png" alt="" height="246" width="418">
  </div>
 
  </div>

      <div class="step screensteps-section screensteps-depth-1" id="enter-latex-equation-in-rich-text-editor-of-selected-tools">
    <h2 class="step-title screensteps-heading">Enter LaTeX equation in rich text editor.</h2>
        <div class="image screensteps-image">
      <img src="https://media.screensteps.com/image_assets/assets/003/280/783/original/c0d08cba-afc2-4f9d-86d9-e899c1a54982.png" alt="" height="354" width="764">
  </div>
 
      <div class="step-instructions screensteps-textblock">
  <div id="text-content_2F1EC85D-D4A2-4626-9416-2D557A5A1227" class="text-block-content">
    <p>Insert "$$" before and after mathematical equation to set it apart from the rest of the text. Math equations are editable in the edit screen of the tool, but will display as an equation in preview and student view.</p>
  </div>
</div>
 
  </div>

      <div class="step screensteps-section screensteps-depth-1" id="equation-displays-as-expected-in-student-view">
    <h2 class="step-title screensteps-heading">Equation displays as expected when viewed.</h2>
        <div class="image screensteps-image">
      <img src="https://media.screensteps.com/image_assets/assets/001/356/212/original/5660268f-c72a-4548-88ff-9b5071ecde9a.png" alt="" height="146" width="754">
  </div>
 
  </div>


</div>
</div></div>
</body>
</html>
